
import React,{ Component } from 'react';
import { Timeline } from 'antd';

class TimeLines extends Component {
	constructor(props) {
		super(props);
		this.state = {

		}
	}
	render() {
		return (
			<div>
				<Timeline>
					<Timeline.Item>
						Create a services site 2015-09-01
					</Timeline.Item>
					<Timeline.Item>
						Solve initial network problems 2015-09-01
					</Timeline.Item>
					<Timeline.Item>Technical testing 2015-09-01</Timeline.Item>
					<Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
					<Timeline.Item>
						<div>
							<div style={{width:'100%'}}>
								<span style={{color:'#999'}}>留言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;疯狂方法</span>
								<span style={{float:'right',}}>快高考高考快高考</span>
							</div>
							<div><span style={{color:'#999'}}>客户名称</span> : <span>疯狂疯狂咖啡||'无'</span></div>
							<div><span style={{color:'#999'}}>电话</span> : <span>疯狂疯狂疯狂||'无'</span></div>
							<div><span style={{color:'#999'}}>邮箱</span> : <span>发反馈反馈||'无'</span></div>
							<div>
								<span style={{color:'#999' }}>留言</span>
								:
								<span className='flex1'>家就放假放假||'无'</span>
							</div>
							<div style={{borderBottom:'1px dashed #999',width:'100%',height:'1px',display:'block',paddingBottom:20}}></div>
							<div className='content-box' style={{ marginTop: 20 }}>
								<div><span style={{color:'#999',}}>处理时间</span> : <span>发发发 == 0 ? '----' : 发看风放假放假</span></div>
								<div><span style={{color:'#999'}}>处理人</span> : <span>发发发||'无'</span></div>
								<div><span style={{color:'#999'}}>处理方式</span> : <span>发发发||'无'</span></div>
								<div><span style={{color:'#999'}}>处理内容</span> : <span>疯狂疯狂疯狂|'无'</span></div>
							</div>
						</div>
					</Timeline.Item>
					<Timeline.Item>
						<div>
							<div style={{width:'100%'}}>
								<span style={{color:'#999'}}>留言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;疯狂方法</span>
								<span style={{float:'right',}}>快高考高考快高考</span>
							</div>
							<div><span style={{color:'#999'}}>客户名称</span> : <span>疯狂疯狂咖啡||'无'</span></div>
							<div><span style={{color:'#999'}}>电话</span> : <span>疯狂疯狂疯狂||'无'</span></div>
							<div><span style={{color:'#999'}}>邮箱</span> : <span>发反馈反馈||'无'</span></div>
							<div>
								<span style={{color:'#999' }}>留言</span>
								:
								<span className='flex1'>家就放假放假||'无'</span>
							</div>
							<div style={{borderBottom:'1px dashed #999',width:'100%',height:'1px',display:'block',paddingBottom:20}}></div>
							<div className='content-box' style={{ marginTop: 20 }}>
								<div><span style={{color:'#999',}}>处理时间</span> : <span>发发发 == 0 ? '----' : 发看风放假放假</span></div>
								<div><span style={{color:'#999'}}>处理人</span> : <span>发发发||'无'</span></div>
								<div><span style={{color:'#999'}}>处理方式</span> : <span>发发发||'无'</span></div>
								<div><span style={{color:'#999'}}>处理内容</span> : <span>疯狂疯狂疯狂|'无'</span></div>
							</div>
						</div>
					</Timeline.Item>
				</Timeline>
			</div>
		)
	}
}
export default TimeLines;